import React from 'react';
import useAmis from '@/uses/useAmis';
import { createResourceCrudTable } from '@/utils/amisUtils';

export default () => {
  const json = createResourceCrudTable({
    resourceName: 'inventory',
    itemColumns: [
      {
        'name': 'productId',
        'label': '产品',
        'searchable': {
          'type': 'input-text',
          'placeholder': '请输入',
          'mode': 'horizontal',
        },
      },
      {
        'name': 'unit',
        'label': '单位',
      },
      {
        'name': 'quantity',
        'label': '数量',
      },
      {
        'name': 'name',
        'label': '备注',
      },
    ],
    detailColumns: [
      {
        'type': 'input-text',
        'name': 'name',
        'label': '备注',
      },
      {
        'type': 'input-text',
        'name': 'productId',
        'label': '产品',
      },
      {
        'type': 'input-text',
        'name': 'unit',
        'label': '单位',
      },
      {
        'type': 'input-number',
        'name': 'quantity',
        'label': '数量',
      },
    ],
  });

  const AmisComponent = useAmis({
    'type': 'page',
    'body': [
      json,
    ],
  });

  return (
    <div>
      <AmisComponent />
    </div>
  );
}